//nav下的右拉框淡入淡出
(function($) {
	$('.nav .right .li1').hover(function() {
		$(this).stop(true, true).animate({
			width: 145,
			left: -100
		}, 'fast');
	}, function() {
		$(this).stop(true, true).animate({
			width: 42,
			left: 0
		}, 'fast');
	});
	$('.nav .right .li2').hover(function() {
		$('.nav .right .li1').hide();
		$(this).stop(true, true).animate({
			width: 145,
			left: -50
		}, 'fast', function() {
			$('.nav .right .li1').hide();
		});
	}, function() {
		$(this).stop(true, true).animate({
			width: 42,
			left: 42
		}, 'fast', function() {
			$('.nav .right .li1').show();
		});
	});
	$('.nav .right .li3').hover(function() {
		$('.nav .right .li1,.li2').hide();
		$(this).stop(true, true).animate({
			width: 145,
			left: -20
		}, 'fast', function() {
			$('.nav .right .li1,.li2').hide();
		});
	}, function() {
		$(this).stop(true, true).animate({
			width: 42,
			left: 84
		}, 'fast', function() {
			$('.nav .right .li1,.li2').show();
		});
	});

})(jQuery);
//head下的扫码下拉框
(function($) {
	$('.head .load').hover(function() {
		$('.head .load .hide').show();
	}, function() {
		$('.head .load .hide').hide();
	});

})(jQuery);
//leftmenu的下拉菜单,延时提示框
(function($) {
	var timer = null;
	$('.nav .leftmenu').hover(function() {
		clearTimeout(timer);
		$('.nav .leftmenu .submenu').show();

	}, function() {
		timer = setTimeout(function() {
			$('.nav .leftmenu .submenu').hide();
		}, 200);
	});
})(jQuery);
//banner图轮播
(function($) {
	var timer = null;
	$('.banner').hover(function() {
		clearInterval(timer);
		$('.banner .btnL,.btnR').show();
	}, function() {
		$('.banner .btnL,.btnR').hide();
		timer = setInterval(run, 6000);
	});
	var $len = $('#btn_list li').length;
	var $w1 = $(window).width();
	var $w2 = ($len + 2) * $w1;
	$('#banner_list img').css({
		width: $w1,
		height: 520
	});
	$('#banner_list').css({
		'width': $w2,
		'left': -$w1
	});
	var $index = 0;
	$('#btn_list li').on('mouseover', function() {
		$index = $(this).index();
		tab();
	});

	function tab() {
		$('#btn_list li').eq($index).addClass('active').siblings().removeClass();
		$('#banner_list').stop(true, true).animate({
			left: -$w1 * ($index + 1)
		}, 'fast', function() {
			if($index == $len) {
				$('#banner_list').css({
					left: -$w1
				});
				$('#btn_list li').eq(0).addClass('active').siblings().removeClass();
				$index = 0;
			}
			if($index == -1) {
				$('#banner_list').css({
					left: -$w1 * $len
				});
				$('#btn_list li').eq($len - 1).addClass('active').siblings().removeClass();
				$index = $len - 1;
			}
		});
	}
	$('.banner .btnR').on('click', function() {
		$index++;
		if($index > $len) {
			$index = 0;
		}
		tab();
	});
	$('.banner .btnL').on('click', function() {
		$index--;
		if($index < -1) {
			$index = $len - 1;
		}
		tab();
	});
	timer = setInterval(run, 6000);

	function run() {
		$('.banner .btnR').click();
	}

})(jQuery);
//底部广告关闭
(function($) {
	$('#close').on('click', function() {
		$('.popup_bg').hide();
	});
})(jQuery);
//回到顶部
(function($) {
	$(".gotop").click(function() {
		if($(window).scrollTop() > 100) {
			$('body,html').animate({
				scrollTop: 0
			}, 1000);
			/*if($('html').scrollTop()) {
				$('html').animate({
					scrollTop: 0
				}, 1000);
				return false;
			}
			$('body').animate({
				scrollTop: 0
			}, 1000);
			return false;*/
		} else {
			$(".gotop").disable();
		}
	});
})(jQuery);
//登陆后显示用户名
(function($) {
	var val=getCookie('Username');
	if(val) {
		$('#loginShow').html(val);
		$('#loginShow').on('click', function() {
			$('#loginHide').toggle();
		});
		$('#loginHide').on('click', function() {
			$('#loginShow').html('登录');
			$('#loginHide').hide();
			delCookie('Username',val);
			location.reload();
		});
	} else {
		$('#loginShow').on('click', function() {
			window.location.href = '../html/login.html';
		});
	}
})(jQuery);
//brandship_list滑动效果
(function($){
	$('.brandship_list li').hover(function(){
		$(this).find('.brandship_tbox').stop(true,true).animate({
			top:175
		});
	},function(){
		$(this).find('.brandship_tbox').stop(true,true).animate({
			top:260
		});
	});
	$.ajax({
		type:"get",
		url:"../json/hotflagson.json",
		async:true,
		dataType:'json'
	})
	.done(function(data){
		var html='';
		for (var i=0;i<data.data.length;i++) {
			html+=
			'<li><a href="##">'+
				'<img src='+data.data[i].imgurl+' />'+
				'<span class="span1">'+data.data[i].title+'</span>'+
				'<span class="span2"></span>'+
			'</a></li>';
		}
		$('.hotflagbox').html(html);
		$('.hotflagbox li').css({
			'width':'165px',
			'height':'85px',
			'float':'left',
			'margin-left':'5px',
			'margin-bottom':'5px',
			'border':'1px solid #c9c9c9',
			'font-size':'18px',
			'text-align':'center',
			'line-height':'85px',
			'position':'relative',
		});
		$('.hotflagbox li img').css({
			'width':'107px',
			'height':'54px',
			'position':'absolute',
			'top':'15px',
			'left':'29px'
		});
		$('.hotflagbox li .span2').css({
			'width':'21px',
			'height':'2px',
			'background':'#000',
			'position':'absolute',
			'top':'65px',
			'left':'75px',
			'display':'none'
		});
		$('.hotflagbox li .span1').css({
			'font-size':'18px',
			'color':'#000',
			'font-weight':'bold',
			'display':'none'
		});
		$('.hotflagbox li').hover(function(){
			$(this).find('span').show();
			$(this).find('img').hide();
			$('.hotflagbox li .span1').css('color','#B28247');
			$('.hotflagbox li .span2').css('background','#B28247');
			$(this).css('border-color','#333333');
		},function(){
			$(this).find('span').hide();
			$(this).find('img').show();
			$(this).css('border-color','#c9c9c9');
		});
		var $len=$('.hotflagbox li').length;
		var $w=$('.hotflagbox li:first').outerWidth(true);
		$('.hotflagbox').css({
			'width':''+parseInt($w*$len/2+1)+'px'
		});
		var $w2=parseInt($w*$len/2/3);
		var $index=0;
		$('.hot_next').on('click',function(){
			$index++;
			if ($index>2) {
				$index=0;
			}
			$('.hotflagbox').stop(true,true).animate({
				left:-$w2*$index
			},'fast');
		});
		$('.hot_pre').on('click',function(){
			$index--;
			if ($index<0) {
				$index=2;
			}
			$('.hotflagbox').stop(true,true).animate({
				left:-$w2*$index
			},'fast');
		});
		
		
	})
	.fail(function(xhr,err){
		console.log(xhr,err);
	})
})(jQuery);
//hotitems
(function($){
	$.ajax({
		type:"get",
		url:"../json/hotitems.json",
		async:true,
		dataType:'json'
	})
	.done(function(data){
		var html='';
			html+=
			'<div>'+
				'<li class="li1">'+
				'<a href="##"><img src='+data.data[0].url+' /></a>'+
				'<span class="span1">'+data.data[0].name+'</span>'+
				'<span class="center-span"></span>'+
				'</li>'+
				'<li class="li2">'+
				'<a href="##"><img src='+data.data[1].url+' /></a>'+
				'<span class="span1">'+data.data[1].name+'</span>'+
				'<span class="center-span"></span>'+
				'</li>'+
				'<li class="li3">'+
				'<a href="##"><img src='+data.data[2].url+' /></a>'+
				'<span class="span1">'+data.data[2].name+'</span>'+
				'<span class="center-span"></span>'+
				'</li>'+
				'<li class="li4">'+
				'<a href="##"><img src='+data.data[3].url+' /></a>'+
				'<span class="span1">'+data.data[3].name+'</span>'+
				'<span class="center-span"></span>'+
				'</li>'+
				'<li class="li5">'+
				'<a href="##"><img src='+data.data[4].url+' /></a>'+
				'<span class="span1">'+data.data[4].name+'</span>'+
				'<span class="center-span"></span>'+
				'</li>'+
				'<li class="li6">'+
				'<a href="##"><img src='+data.data[5].url+' /></a>'+
				'<span class="span1">'+data.data[5].name+'</span>'+
				'<span class="center-span"></span>'+
				'</li>'+
				'<li class="li7">'+
				'<a href="##"><img src='+data.data[6].url+' /></a>'+
				'<span class="span1">'+data.data[6].name+'</span>'+
				'<span class="center-span"></span>'+
				'</li>'+
			'</div>'+
			'<div>'+
				'<li class="li1">'+
				'<a href="##"><img src='+data.data[7].url+' /></a>'+
				'<span class="span1">'+data.data[7].name+'</span>'+
				'<span class="center-span"></span>'+
				'</li>'+
				'<li class="li2">'+
				'<a href="##"><img src='+data.data[8].url+' /></a>'+
				'<span class="span1">'+data.data[8].name+'</span>'+
				'<span class="center-span"></span>'+
				'</li>'+
				'<li class="li3">'+
				'<a href="##"><img src='+data.data[9].url+' /></a>'+
				'<span class="span1">'+data.data[9].name+'</span>'+
				'<span class="center-span"></span>'+
				'</li>'+
				'<li class="li4">'+
				'<a href="##"><img src='+data.data[10].url+' /></a>'+
				'<span class="span1">'+data.data[10].name+'</span>'+
				'<span class="center-span"></span>'+
				'</li>'+
				'<li class="li5">'+
				'<a href="##"><img src='+data.data[11].url+' /></a>'+
				'<span class="span1">'+data.data[11].name+'</span>'+
				'<span class="center-span"></span>'+
				'</li>'+
				'<li class="li6">'+
				'<a href="##"><img src='+data.data[12].url+' /></a>'+
				'<span class="span1">'+data.data[12].name+'</span>'+
				'<span class="center-span"></span>'+
				'</li>'+
				'<li class="li7">'+
				'<a href="##"><img src='+data.data[13].url+' /></a>'+
				'<span class="span1">'+data.data[13].name+'</span>'+
				'<span class="center-span"></span>'+
				'</li>'+
			'</div>'+
			'<div>'+
				'<li class="li14">'+
				'<a href="##"><img src='+data.data[14].url+' /></a>'+
				'<span class="span1">'+data.data[14].name+'</span>'+
				'<span class="center-span"></span>'+
				'</li>'+
				'<li class="li15">'+
				'<a href="##"><img src='+data.data[15].url+' /></a>'+
				'<span class="span1">'+data.data[15].name+'</span>'+
				'<span class="center-span"></span>'+
				'</li>'+
				'<li class="li16">'+
				'<a href="##"><img src='+data.data[16].url+' /></a>'+
				'<span class="span1">'+data.data[16].name+'</span>'+
				'<span class="center-span"></span>'+
				'</li>'+
				'<li class="li17">'+
				'<a href="##"><img src='+data.data[17].url+' /></a>'+
				'<span class="span1">'+data.data[17].name+'</span>'+
				'<span class="center-span"></span>'+
				'</li>'+
				'<li class="li18">'+
				'<a href="##"><img src='+data.data[18].url+' /></a>'+
				'<span class="span1">'+data.data[18].name+'</span>'+
				'<span class="center-span"></span>'+
				'</li>'
			'</div>';
		$('.storesame_box').html(html);
		$('.storesame_box').css({
			'width':'9999px',
			'height':'534px'
		});
		$('.storesame_box div').css({
			'width':'1249px',
			'height':'534px',
			'float':'left'
		});
		$('.storesame_btn li').on('mouseover',function(){
			var $index=$(this).index();
			$('.storesame_btn li').eq($index).addClass('active').siblings('li').removeClass('active');
			$('.storesame_box').stop(true,true).animate({
				left:-$index*1240
			});
		});
		
		$('.storesame div').eq(0).find('li').hover(function(){
			var $index=$(this).index();
			$(this).find('.span1').stop(true,true).animate({
				top:40,
				fontSize:16
			},'fast',function(){
				$('.storesame div').eq(0).find('li').eq($index).find('.span1').css('color','#B28247');
			});
		},function(){
			var $index=$(this).index();
			$('.storesame div').eq(0).find('li').eq($index).find('.span1').stop(true,true).animate({
				top:10,
				fontSize:12
			},'fast',function(){
				$('.storesame div').eq(0).find('li').eq($index).find('.span1').css('color','#000');
			});
		});
		
		$('.storesame div').eq(1).find('li').hover(function(){
			var $index=$(this).index();
			$(this).find('.span1').stop(true,true).animate({
				top:40,
				fontSize:16
			},'fast',function(){
				$('.storesame div').eq(1).find('li').eq($index).find('.span1').css('color','#B28247');
			});
		},function(){
			var $index=$(this).index();
			$('.storesame div').eq(1).find('li').eq($index).find('.span1').stop(true,true).animate({
				top:10,
				fontSize:12
			},'fast',function(){
				$('.storesame div').eq(1).find('li').eq($index).find('.span1').css('color','#000');
			});
		});
		
		$('.storesame div').eq(2).find('li').hover(function(){
			var $index=$(this).index();
			$(this).find('.span1').stop(true,true).animate({
				top:40,
				fontSize:16
			},'fast',function(){
				$('.storesame div').eq(2).find('li').eq($index).find('.span1').css('color','#B28247');
			});
		},function(){
			var $index=$(this).index();
			$('.storesame div').eq(2).find('li').eq($index).find('.span1').stop(true,true).animate({
				top:10,
				fontSize:12
			},'fast',function(){
				$('.storesame div').eq(2).find('li').eq($index).find('.span1').css('color','#000');
			});
		});
	})
	.fail(function(xhr,err){
		console.log(xhr,err);
	});
})(jQuery);
//shop_center
(function($){
	$('.shop_center li').hover(function(){
		$(this).css({
			'background':'#000',
			'color':'#000'
		});
		$(this).find('div').stop(true,true).animate({
			top:4
		},'fast');
	},function(){
		$(this).css({
			'background':'#999',
			'color':'#fff'
		});
		$(this).find('div').stop(true,true).animate({
			top:50
		},'fast');
	});
})(jQuery);
//goods bigimg/smallimg
(function($){
	$.ajax({
		type:"get",
		url:"../php/index.php",
		async:true,
		dataType:'json'
	})
	.done(function(data){
		for (var i=0;i<data.length;i++) {
			$('.goods .div2').eq(i).html('<a href="##"><img src='+data[i].url+' /></a><span class="title"></span>');
		}
	})
	.fail(function(xhr,err){
		console.log(xhr,err);
	});
	
	$.ajax({
		type:"get",
		url:"../php/index2.php",
		async:true,
		dataType:'json'
	})
	.done(function(data){
		for (var i=0;i<4;i++) {
			$('.goods1 div').eq(i+2).html('<a href="##"><img src='+data[i].url+' /></a>');
			$('.goods2 div').eq(i+2).html('<a href="##"><img src='+data[i+4].url+' /></a>');
			$('.goods3 div').eq(i+2).html('<a href="##"><img src='+data[i+8].url+' /></a>');
			$('.goods4 div').eq(i+2).html('<a href="##"><img src='+data[i+12].url+' /></a>');
			$('.goods5 div').eq(i+2).html('<a href="##"><img src='+data[i+16].url+' /></a>');
		}
	})
	.fail(function(xhr,err){
		console.log(xhr,err);
	});
})(jQuery);
//小轮播图
(function($){
	$('.goods1 .bot1 li').on('mouseover',function(){
		var $index2=$(this).index();
		$(this).addClass('active').siblings('li').removeClass('active');
		$('.mid1 ul').stop(true,true).animate({
			left:-240*$index2
		},'fast');
	});
	$('.goods2 .bot2 li').on('mouseover',function(){
		var $index2=$(this).index();
		$(this).addClass('active').siblings('li').removeClass('active');
		$('.mid2 ul').stop(true,true).animate({
			left:-240*$index2
		},'fast');
	});
	$('.goods3 .bot3 li').on('mouseover',function(){
		var $index2=$(this).index();
		$(this).addClass('active').siblings('li').removeClass('active');
		$('.mid3 ul').stop(true,true).animate({
			left:-240*$index2
		},'fast');
	});
	$('.goods4 .bot4 li').on('mouseover',function(){
		var $index2=$(this).index();
		$(this).addClass('active').siblings('li').removeClass('active');
		$('.mid4 ul').stop(true,true).animate({
			left:-240*$index2
		},'fast');
	});
	$('.goods5 .bot5 li').on('mouseover',function(){
		var $index2=$(this).index();
		$(this).addClass('active').siblings('li').removeClass('active');
		$('.mid5 ul').stop(true,true).animate({
			left:-240*$index2
		},'fast');
	});
	
})(jQuery);
//标题填充
(function($){
	$.ajax({
		type:"get",
		url:"../php/index3.php",
		async:true,
		dataType:'json'
	})
	.done(function(data){
		for (var i=0;i<data.length;i++) {
			$('.title').eq(i).html(data[i].title1+'</br>'+data[i].title2+'</br>'+data[i].title3+'</br>');
		}
	})
	.fail(function(xhr,err){
		console.log(xhr,err);
	});
})(jQuery);
//图片定时切换
(function($){
	var timer=null;
	var  i=1;
	timer=setInterval(run,3000);
	function run(){
		i++;
		if (i>6) {
			i=1;
		}
		$('.proright img').attr('src','../img/ad_img/'+i+'bank.jpg');
	}
	$('.proright').hover(function(){
		clearInterval(timer);
	},function(){
		timer=setInterval(run,3000);
	});
})(jQuery);
